@import "common";
body{
  background-color: #f5f5f5;
}
.goods-view{
  @import "view-carousel";
  .goods-box{
    //.gift-icon{
    //  margin-left: 3%;
    //  width: 28%;
    //}
    //.discount-desc{
    //  font-size: 0.752em;
    //  padding-left: 10%;
    //  line-height: 1.3em;
    //  margin-top: 2px;
    //  margin-bottom : 10px;
    //  color: #666666;
    //  span{
    //    color: #f13b3b;
    //  }
    //}
    .view-part{
      background-color: white;
      padding: 0 3%;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      margin-bottom : 10px;
      @extend %boxSizing;

      //top goods info
      &.goods-info{
        height : 92px;
        .goods-name{
          color: #212121;
          font-weight: bold;
          font-size: 0.94em;
          margin-top: 8px;
          margin-bottom: 8px;
        }
        .goods-desc{
          height : 30px;
          color: #666666;
          font-size: 0.689em;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          text-overflow: ellipsis;
          overflow: hidden;
        }
        .goods-price{
          text-align: right;
          color: #666666;
          font-size: 0.752em;
          letter-spacing: 1px;
          .price{
            display: inline-block;
            color: #f13b3b;
            font-size: 1.5em;
            margin-left : 3px;
          }
        }
      }
      &.middle-part{
        //height : 103px;
      }
      //middle part
      &.middle-part,&.discount-part{
        padding: 0;
        //.discount-goods{
        //  padding: 3%;
        //  border-bottom: 1px solid #dddddd;
        //  overflow: hidden;
        //  @extend %boxSizing;
        //  .dis-goods-img{
        //    float: left;
        //    width: 28%;
        //    max-width: 78.5px;
        //  }
        //  .dis-goods-info{
        //    width: 72%;
        //    float: left;
        //    line-height: 54.5px;
        //    overflow: hidden;
        //    .dis-goods-name{
        //      width: 65%;
        //      padding-left: 5%;
        //      color: #212121;
        //      font-size: 1em;
        //      font-weight: bold;
        //      float: left;
        //    }
        //    .dis-goods-price{
        //      width: 30%;
        //      color: #666666;
        //      font-size: 0.752em;
        //      text-align: right;
        //      letter-spacing: 1px;
        //      float: right;
        //      span{
        //        font-size: 1.5em;
        //        color: #f13b3b;
        //      }
        //    }
        //  }
        //}
        .choose-box{
          padding: 0 3%;
          color: #666666;
          overflow: hidden;
          @extend %boxSizing;
          .choose-box-left,.choose-box-right{
            @extend %boxSizing;
          }
          .choose-box-left{
            font-size: 0.752em;
            float: left;
          }
          .choose-box-right{
            float: right;
          }
        }
        @import "spec";
        @import "number";
      }

      //contact us part
      &.contact-us{
        height : 40px;
        a{
          display: block;
          line-height : 40px;
          color: #666666;
          outline: 0;
          text-decoration: none;
          overflow: hidden;

          &.active,&.link,&.hover{
            color: #666666;
            outline: 0;
            text-decoration: none;
          }
          .part-name{
            font-size: 0.752em;
            float: left;
          }
          .contact-tel{
            color: #3f6ee0;
            font-size: 0.94em;
            float: right;
          }
        }
      }

      &.details-part{
        padding: 0;
        .details-head{
          padding: 0 3%;
          color: #666666;
          font-size: 0.752em;
          height : 34px;
          line-height : 34px;
        }
        .details-box{
          font-size: 0px;
          img{
            width: 100%;
          }
        }
      }
    }

    //goods activity item
    .goods-activity-item{
      //activity item header
      .header{
        margin-bottom : 10px;
        .header-top{
          overflow: hidden;
          .gift-icon{
            margin-left: 3%;
            margin-right : 2%;
            width: 5%;
            float: left;
          }
          .discount-title{
            color: $mafu-text-blue;
            font-size: 0.94em;
            font-weight: bold;
            letter-spacing: 2px;
            float: left;
          }
        }
        .discount-desc{
          font-size: 0.752em;
          padding-left: 10%;
          line-height: 1.3em;
          margin-top: 2px;
          color: #666666;
          .discount-price{
            color: #f13b3b;
          }
        }
      }
      //activity item body
      .body{
        width: 94%;
        margin: 0 auto;
        background-color: white;
        padding-left: 2%;
        padding-right: 3%;
        border: 1px solid #dddddd;
        overflow: hidden;
        @extend %boxSizing;
        .goods-img{
          float: left;
          width: 28%;
          max-width: 78.5px;
          overflow: hidden;
          img{
            width: 100%;
          }
        }
        .goods-name{
          width: 42%;
          line-height: 78.5px;
          color: #212121;
          font-size: 1em;
          font-weight: bold;
          float: left;
        }
        .goods-price{
          width: 25%;
          line-height: 78.5px;
          color: #666666;
          font-size: 0.752em;
          text-align: right;
          letter-spacing: 1px;
          float: right;
          span{
            letter-spacing: 0;
            font-size: 1.5em;
            color: #f13b3b;
          }
        }
      }

      //activity item footer
      .footer{
        width: 94%;
        margin: 0 auto;
        background-color: white;
        border: 1px solid #dddddd;
        border-top: none;
        margin-bottom: 10px;
        @extend %boxSizing;
        .goods-item-spec,.counter-box{
          padding: 0 3%;
          color: #666666;
          overflow: hidden;
          //@extend %boxSizing;
        }
        .goods-item-spec{
          display: none;
          //border-bottom: 1px solid #dddddd;
          @import "spec";
          .spec-box {
            border-bottom: none;
            .choose-box-left{
              font-size: 0.752em;
              float: left;
            }
            .choose-box-right{
              float: right;
            }
          }
        }
        //counter
        .counter-box{
          height: 45px;
          .counter-title{
            font-size: 0.752em;
            float: left;
            line-height: 45px;
            @extend %boxSizing;
          }
          .counter{
            width: 87px;
            height: 22px;
            margin-top: 11.5px;
            float: right;
            overflow: hidden;
            li{
              text-align: center;
              float: left;

              &:nth-child(1),&:nth-child(3){
                width : 19px;
                height : 19px;
                line-height : 19px;
                font-size: 0.752em;
                color: $mafu-text-blue;
                border: 1px solid $mafu-darken-blue;
                @include borderRadius(4px);
                cursor: pointer;
              }
              &:nth-child(2){
                width: 33px;
                height: 22px;
                line-height: 22px;
                margin-left : 4px;
                margin-right : 4px;
                background-color: rgba(63,110,224,.1);
                font-size: 0.752em;
                @include borderRadius(5px);
              }
              &.gray-counter{
                color: #b4b4b4;
                border: 1px solid #b4b4b4;
              }
            }
          }
        }
      }

    }
    //goods activity item end


    //bottom part
    @import "goods-view-bottom";
  }

}